.page{
	background: #f7f7f7;
	min-height: 100vh;
}
.tab-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: 0;
	top: 88rpx;
	/* #ifdef APP-PLUS */
	top: 0;
	/* #endif */
	z-index: 100;
	background: #fff;
	width: 750rpx;
	padding: 0 90rpx;
	.item{
		height: 100rpx;
		line-height: 100rpx;
	}
	.on{
		color: #E84C33;
		border-bottom: solid 4rpx #E84C33;
	}
}
.list-wrap-a{
	padding-top: 110rpx;
	margin: 0 20rpx;
	width: auto;
	.item{
		background: #fff;
		padding: 22rpx 20rpx;
		margin-top: 20rpx;
		border-radius: 16rpx;
		.body{
			padding-bottom: 62rpx;
				.icon-title{
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 516rpx;
					.icon{
						width: 28rpx;
						height: 32rpx;
					}
					.title{
						width: 478rpx;
						height: 40rpx;
						font-size: 28rpx;
						font-weight: 600;
						color: #333333;
						line-height: 40rpx;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
				}
				.des{
					width: 516rpx;
					height: 36rpx;
					font-size: 26rpx;
					font-weight: 400;
					color: #999999;
					line-height: 36rpx;
					margin-bottom: 24rpx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.tags-status{
					display: flex;
					align-items: center;
					.tags{
						display: flex;
						text{
							padding: 8rpx 18rpx;
							font-size: 24rpx;
							font-family: MicrosoftYaHei;
							color: #999999;
							background: #EBF5FF;
							margin-right: 18rpx;
						}
						// text:not(:last-child){
						// 	margin-right: 18rpx;
						// }
					}
					.status{
						font-size: 28rpx;
						font-weight: 400;
					}
				}
		}
		.foot{
			display: flex;
			justify-content: space-between;
			font-size: 20rpx;
			font-weight: 400;
			color: #999999;
			line-height: 28rpx;
		}
	}
}
.list-wrap-b{
			padding-top: 110rpx;
			margin: 0 20rpx;
			width: auto;
			.item{
				background: #fff;
				padding: 22rpx 20rpx;
				margin-top: 20rpx;
				border-radius: 16rpx;
				.body{
					display: flex;
					justify-content: space-between;
					padding-bottom: 62rpx;
					.lf{
						.icon-title{
							display: flex;
							justify-content: space-between;
							align-items: center;
							width: 516rpx;
							.icon{
								width: 28rpx;
								height: 32rpx;
							}
							.title{
								width: 478rpx;
								height: 40rpx;
								font-size: 28rpx;
								font-weight: 600;
								color: #333333;
								line-height: 40rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
						}
						.des{
							width: 516rpx;
							height: 36rpx;
							font-size: 26rpx;
							font-weight: 400;
							color: #999999;
							line-height: 36rpx;
							margin-bottom: 24rpx;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						.tags{
							display: flex;
							text{
								padding: 8rpx 18rpx;
								font-size: 24rpx;
								font-family: MicrosoftYaHei;
								color: #999999;
								background: #EBF5FF;
							}
							text:not(:last-child){
								margin-right: 18rpx;
							}
						}
					}
					.rt{
						.price{
							width: 120rpx;
							height: 44rpx;
							font-size: 32rpx;
							font-weight: 500;
							color: #FF1C1C;
							line-height: 44rpx;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							text-align: right;
						}
						.type{
							height: 34rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
							text-align: right;
							margin-top: 20rpx;
						}
						.price-s{
							height: 34rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #FF1C1C;
							line-height: 34rpx;
							text-align: right;
						}
					}
				}
				.foot{
					display: flex;
					justify-content: space-between;
					font-size: 20rpx;
					font-weight: 400;
					color: #999999;
					line-height: 28rpx;
				}
			}
		}